page {
	font-size: 28rpx;
	background: #fff;

	.page-wrapper {
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		.close-page {
			width: 44px;
			height: 44px;
			position: fixed;
			left: 0;
			top: var(--status-bar-height);
			display: flex;
			z-index: 999;
			align-items: center;
			justify-content: center;

			text {
				font-size: 32rpx;
				color: #999;
			}
		}

		.page-header {
			position: relative;
			margin-bottom: calc(var(--status-bar-height) + 20rpx);
			text-align: center;
			padding: 72upx 0 64upx;
			.logo {
				width: 188upx;
				height: 188upx;
				border-radius: 8px;
			}
		}

		.page-content {
			flex: 1;
		}

		// 表单模块 - 密码登录、验证码登录
		.form-wapper {
			width: 100%;
			box-sizing: border-box;
			padding: 0 75rpx 90rpx;
			border-radius: 10rpx;
			background: #fff;

			.form-wapper-item {
				display: flex;
				align-items: center;
				border-bottom: 1px solid #eeeeee;
				image {
					width: 42upx;
					height: 42upx;
				}
				.xs-phhone {
				}

				.input-wapper {
					display: flex;
					flex-direction: row;
					width: 90%;
					height: 120rpx;
					margin-left: 16upx;
					flex-wrap: wrap;
					align-items: center;
					position: relative;

					.eye {
						font-size: 18rpx;
						// line-height: 47rpx;
						padding-left: 20rpx;

						.fu-iconfont {
							font-size: 32rpx;
						}
					}

					.lside {
						width: 54rpx;
						text-align: left;
					}

					.rside {
						position: relative;
						flex: 1;
						.close {
							position: absolute;
							right: 0;
							top: 50%;
							transform: translate(0, -50%);
							width: 30upx;
							height: 30upx;
						}
					}

					.fu-iconfont {
						font-size: 40rpx;
						color: #bfbfbf;
					}

					input {
						padding: 15rpx 0;
						height: 90rpx;
						color: #333;
					}

					.input-placeholder {
						color: #c2c2c2;
					}

					.get-code-btn {
						border: 0;
						background: #fff;
						font-size: 28rpx;
						color: #333333;
						text-align: right;
						padding-left: 20rpx;

						&:after {
							border: 0;
						}
					}
				}

				.paw {
					line-height: 80rpx;
					width: 100%;
					height: 80rpx;
					text-align: right;
					color: #333333;
					display: flex;
					justify-content: flex-end;
				}
			}
		}

		// 登录按钮
		.login-btn-wrapper {
			padding: 0 75rpx;

			.login-btn {
				display: block;
				text-align: center;
				width: 100%;
				font-size: 32upx;
				color: #fff;
				background-image: $fu-btn-bg;
				background-blend-mode: normal, normal;
				border-radius: 30px;
				line-height: 1;
				padding: 22upx 0;
			}
			.btnFalse {
				opacity: 0.5;
			}
		}
	}

	// 协议
	.agreement {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		color: #666;;
		padding-bottom: 60rpx;
		margin-top: 106upx;
		image {
			width: 30upx;
			height: 30upx;
			margin-right: 8upx;
		}
		text{
			
		}
		.text {
			color: #267dff;
		}
	}
	
	
}
